import React, { PropTypes } from 'react';
import { Route } from 'react-router-dom';
import { observer } from 'mobx-react';

import Header from './header';
import Works from '../pages/works';
import User from '../pages/user';
import Home from '../pages/home';
import Button from 'antd/lib/button';
require('../static/css/App.css');

@observer class Main extends React.Component {
  render() {
    return (
      <div>
        <Header />
        <div>
        <Button type="primary">Primary</Button>
          <Route exact path="/" component={Home} />
          <Route path="/works" component={Works} />
          <Route path="/user" component={User} />
        </div>
      </div>
    );
  }
}

export default Main;
